
.loading-mask
    position: absolute
    z-index: 2000
    background-color: hsla(0, 0%, 100%, .9)
    margin: 0
    top: 0
    right: 0
    bottom: 0
    left: 0
    transition: opacity .3s
    display: flex
    flex-direction: column
    justify-content: center
    align-items: center
    font-size: 2em

@each $name, $pair in $colors
    $color: nth($pair, 1)
    .loading-mask.is-#{$name}
        color: $color